<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .active{color:red}
    </style>
</head>
<body>
  

    
    <p>文字</p>
    <p>文字2</p>
    <div>good</div>
    
<script>
// 关于开发环境
// 面试官想通过开发环境了解候选人的实际工作情况
// 开发环境的工具,能体现工作产出的效率
// 会以聊天形式为主,不会问具体的问题


// 开发环境
//  git
//  webpack babel
//  调试工具
//  linux常用命令
//  抓包


// git
// 最常用的代码版本管理工具
// 大型项目需要多人协作开发，必须熟用git
// 如果你不知道或者之前不用git
// 不会通过面试

// git
// Mac OS自带git命令, windows可去官网下载安装
// git服务端常见的有github coding.net等

// 常用git命令
//  gitadd.
//  git checkout XXX
//  git commit -m " xxx"
//  git push origin master
//  git pull origin master

// 常用git命令
// git branch
// git checkout -b xXx / git checkout XXX
// git merge XXX

// / chrome调试工具
// ◆Elements
// ◆Network
// ◆Console
// ◆Application
// ◆debugger

// debugger



// 抓包
// ◆手机和电脑连同一 一个局域网
// ◆将手机代理到电脑上
// ◆手机浏览网页,即可抓包


// 抓包
// ◆查看网络请求
// ◆网址代理，
// ◆https


// webpack和babel
// ES6模块化,浏览器暂不支持
// ES6语法,浏览器并不完全支持
// 压缩代码,整合代码,以让网页加载更快







 

</script>
</body>
</html>